import React, { Component } from 'react'
import {NavLink} from 'react-router-dom'

export default class MyNavLink extends Component {
  render() {
    return (
      // this.props.children 这个属性是当组件使用双标签写的时候  在组件内部写的内容会被收集到这里
      // 类似于 Vue.js 的插槽
      <NavLink activeClassName="activiedDz" {...this.props}>{this.props.children}</NavLink>

      /*
        总结一下：
          NavLink可以实现路由的高亮显示，通过 activeClassName 来指定类名
          标签体内容是个特殊的属性
          通过  this.props.children 可以获取标签体内容
      */ 
    )
  }
}
